.body {
	background: url("/src/assets/bc.jpg");
	width: 100vw;
	height: 100vh;
	background-size: 100% 100%;

	.tow {
		display: flex;
		// align-items: center;
		// justify-content: center;
		position: relative;
		left: 50vw;
		width: 720px;
		overflow: hidden;
		top: 50vh;
		transform: translate(-50%, -50%);
		background-color: white;

		.el-form-item {
			margin: 0 !important;


		}

		.login,
		.res {
			display: flex;
			width: 720px;
			position: relative;
			left: -360px;
			transition: all 0.5s;

			&.active {
				transition: all 0.5s;
				transform: translateX(-720px);

				// position: relative;
				// left: -720px;
				.iamg {
					transition: all 0.5s;
					transform: translateX(1440px);
					z-index: 9999;
				}

				.dl {
					transition: all 0.5s;
					transform: translateX(1440px);
				}
			}

			img {
				width: 360px;
				height: 450px;
				vertical-align: middle;
			}

			.f2 {
				position: relative;
				top: -65px;

				.chengs {
					display: flex !important;

					.sfen {
						position: relative;
						top: 8px;
					}

					// .el-form-item__content {
					// 	display: flex !important;
					// }
				}

			}

			.card {
				box-sizing: border-box;
				// display: block;
				width: 360px;
				height: 450px;
				padding: 40px;
				text-align: center;
				background-color: white;


				// line-height: 50px;
				h2 {
					margin: 40px 0 10px;
					color: #555;
					font-weight: 600;
					font-size: 18px;


				}

				.pwd {
					position: relative;
				}

				// .icon {
				// 	position: absolute;
				// 	z-index: 999;
				// 	width: 20px;
				// 	height: 20px;
				// 	top: 20px;
				// 	right: 1px;
				// }

				#btn {
					width: 100px;
					background: #677eff;
					color: white;
					margin: 5px 0;

					&.disables {
						background: #555 !important;
						pointer-events: none !important;
					}
				}

				.el-input {
					margin: 8px 0 !important;

				}



				.checkbox,
				p {
					line-height: 30px;
				}

				p {
					font-size: 12px;
					font-weight: 300;
					color: #555;

					a {
						text-decoration: none;
					}
				}

				.upwd {
					display: flex;


					.el-input {
						width: 140px;
					}
				}

				.sun {
					display: flex;
				}

				.yz {
					white-space: nowrap;
					display: flex;
					flex-direction: column;

					.el-input {
						margin: 8px 0 !important;
						width: 160px;

						#btn {
							width: 80px;
							background: #677eff;
							color: white;
							margin: 5px 0;


						}
					}
				}
			}


		}
	}
}